#phraseintro3 {
	font-size: 1.2vw;
	text-align: left;
	font-weight: normal;
    font-family: "comfortaaregular";
	color: #542D84;
	margin: 3% 3% 3% 8%;
}

.petitephoto {
	width: 100%;
	vertical-align: bottom;
	transition: all 0.3s;
}

.bordurepetitephoto {
	width: 100%;
	overflow: hidden;
	background-color: white;
}
	
.itemportfolio {
	position: relative;
	width: 13.6vw;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;	
	margin: 2% 2% 2% 2%;
	border-color: #cfcfcf; border-style: solid; border-width: 0.06vw;
	border-radius: 2vw 0 2vw 0;
    box-shadow: 0.1vw 0.1vw 2.6vw -1vw #000;
	max-height: 13.6vw;
    transition: max-height 0.3s ease-in-out;
}

.itemportfolio:hover {
	max-height: 50vw;
}

.itemportfolio:last-of-type {
	margin: 2% 2% 8% 2%;
}

#portfolio .itemportfolio:nth-of-type(5n+2) {
	margin: 2% 2% 2% 6%;
}

.descriptif {
	width: 100%;
	background-color: #fbfbfb;
	padding: 5%;
	box-sizing: border-box;
}

.descriptif h1{
	font-size: 1.4vw;
	font-weight: normal;
	text-align: left;	
    font-family: "steelfishrg";
	color: #777;
	margin: 0;
}

.descriptif p {
	font-size: 1vw;
	font-weight: normal;
	text-align: left;
    font-family: "montserratlight";
	color: #888;
	margin-top: 0.2vw;
	margin-bottom: 0.6vw;	
}

.descriptif p::first-letter {
	margin-left: 3%;
}